<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:wug="http://wug.jp/2009/wug"
      wug:root="jp.wug.samples.pragprog.Store"
      wug:parameter="message">
<head>
    <title>Pragprog Books Online Store</title>
    <link href="stylesheets/depot.css" media="all" rel="stylesheet" type="text/css"/>
    <script type="application/javascript" src="jquery-1.3.2.min.js"></script>
</head>
<body id="store">
<div id="banner">
    <img src="images/logo.png"/>
    Pragmatic Bookshelf
</div>
<div id="columns">
    <div id="side">
        <!-- START:hidden_div -->
        <div wug:child="cart" id="cart">
            <div class="cart-title">Your Cart</div>
            <table>
                <tr wug:render="renderItems,getItem">
                    <td>${quantity}&#215;</td>
                    <td>${product.title}</td>
                    <td class="item-price">${product.price}</td>
                </tr>

                <tr class="total-line">
                    <td colspan="2">Total</td>
                    <td class="total-cell">${totalPrice}</td>
                </tr>
            </table>

            <form wug:form="form">
                <div><input wug:submit="checkout" type="submit" value="Checkout"/></div>
                <div><input wug:submit="clear" type="submit" value="Empty cart"/></div>
            </form>
        </div>
        <!-- END:hidden_div -->
        <a href="http://www....">Home</a><br/>
        <a href="http://www..../faq">Questions</a><br/>
        <a href="http://www..../news">News</a><br/>
        <a href="http://www..../contact">Contact</a><br/>
    </div>
    <div id="main">
        <div wug:if="hasThankYouMessage" id="notice">Thank you for your order</div>
        <h1>Your Pragmatic Catalog</h1>

        <div wug:each="products" class="entry">
            <img wug:attr="src:imageURL" src="images/auto.jpg"/>

            <h3>${product.title}</h3>

            <p wug:raw="product.description">description</p>

            <div class="price-line">
                <span class="price">${price}</span>

                <form wug:form="form">
                    <input wug:submit="buy" type="submit" value="Add to Cart"/>
                </form>
            </div>
        </div>
    </div>
</div>
</body>
</html> 